<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
    <!--头部-->
    <div id="header"></div>
    <!--banner-->
    <div  class="banner">
        <img class="img_responsive"  src="images/banner.jpg" alt="banner"/>
    </div>

    <!--section-->
    <section class="container section">
        <!--主体内容第一部分-->
        <div class="section_nav flex_row flex_space_between">
            <h3>热门推荐</h3>
            <div><a href="#">更多</a></div>
        </div>
        <div class="section_panel flex_row flex_space_between">
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/play_bg.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>如何高效利用你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/play_bg.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>如何高效利用你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/play_bg.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>如何高效利用你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
        </div>


        <!--主体内容第二部分-->
        <div class="section_nav flex_row flex_space_between">
            <h3>演讲课程</h3>
            <div class="seciton_partTwo_nav flex_row flex_space_between">
                    <ul class="tabs flex_row flex_space_start">
                        <li class="active"><a href="#">高考励志演讲</a></li>
                        <li><a href="#">感恩励志演讲</a></li>
                        <li><a href="#">教师励志演讲</a></li>
                        <li><a href="#">家长励志演讲</a></li>
                        <li><a href="#">员工激励演讲</a></li>
                    </ul>
                    <div>
                        <a href="#">更多</a>
                    </div>
            </div>
        </div>
        <!--视频部分-->
        <div class="tabs-content section_panel">
            <div class="active animated pulse">
                <div class="seciton_partTwo_nav_content section_panel flex_row flex_space_between">
                    <a  href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>如何高效利用你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>如何高效利用你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>如何高效利用你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                </div>
            </div>
            <div class="animated pulse">
                <div class="seciton_partTwo_nav_content section_panel flex_row flex_space_between">
                    <a  href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>感恩励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>感恩励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>感恩励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                </div>
            </div>
            <div class="animated pulse">
                <div class="seciton_partTwo_nav_content section_panel flex_row flex_space_between">
                    <a  href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>教师励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>教师励志演用你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>教师励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                </div>
            </div>
            <div class="animated pulse">
                <div class="seciton_partTwo_content section_panel flex_row flex_space_between">
                    <a  href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>家长励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>家长励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>家长励志演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                </div>
            </div>
            <div class="animated pulse">
                <div class="seciton_partTwo_nav_content section_panel flex_row flex_space_between">
                    <a  href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>员工激励演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>员工激励演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                    <a href="#" class="section_content">
                        <div class="section_img">
                            <img class="img_responsive" src="images/part2.jpg" alt=""/>
                            <div class="section_img_play">
                                <span></span>
                            </div>
                        </div>
                        <div class="seciton_text flex_row flex_space_between">
                            <h4>员工激励演讲你的时间</h4>
                            <h5>王国权</h5>
                        </div>
                    </a>
                </div>
            </div>
        </div>


        <!--主体内容第三部分-->
        <div class="section_nav flex_row flex_space_between">
            <h3>英国留学专栏</h3>
            <div><a href="#">更多</a></div>
        </div>
        <div class="seciton_partThree_content flex_row flex_space_between">
            <div id="seciton_partThree_content_slide">
                <div class="img">
                    <ul>
                        <li><i><span></span></i><a href="#"><img src="images/img1.jpg" /></a></li>
                        <li><i><span></span></i><a href="#"><img src="images/img2.jpg" /></a></li>
                        <li><i><span></span></i><a href="#"><img src="images/img1.jpg" /></a></li>
                        <li><i><span></span></i><a href="#"><img src="images/img1.jpg" /></a></li>
                        <li><i><span></span></i><a href="#"><img src="images/img1.jpg" /></a></li>
                    </ul>
                </div>
                <div class="ico"></div>
            </div>
            <div class="seciton_partThree_content_panel">
                <div class="seciton_partThree_content_title">
                    <span>英国集尔福德学院集团</span>
                </div>
                <div class="seciton_partThree_content_text">
                    <p>英国吉尔福德学院集团中国，要建高中和大学预科学校，中国的招生总代理，独家代理.英国吉尔福德学院集团中国，要建高中和大学预科学校，中国的招生总代理，独家代理.英国吉尔福德学院集团中国，要建高中和大学预科学校，中国的招生总代理，独家代理.英国吉尔福德学院集团中国，要建高中和大学预科学校，中国的招生总代理，独家代理.英国吉尔福德学院集团中国，要建高中和大学预科学校，中国的招生总代理，独家代理.英国吉尔福德学院集团中国，要建高中和大学预科学校，中国的招生总代理，独家代理...
                    </p>
                    <ul>
                        <li class="flex_row flex_space_between">
                            <a href="#"><i></i>2005年88天做《如何挑战高考的极限》励志演讲175...</a>
                            <span>2017-04-10</span>
                        </li>
                        <li class="flex_row flex_space_between">
                            <a href="#"><i></i>2005年88天做《如何挑战高考的极限》励志演讲175...</a>
                            <span>2017-04-10</span>
                        </li>
                        <li class="flex_row flex_space_between">
                            <a href="#"><i></i>2005年88天做《如何挑战高考的极限》励志演讲175...</a>
                            <span>2017-04-10</span>
                        </li>
                        <li class="flex_row flex_space_between">
                            <a href="#"><i></i>2005年88天做《如何挑战高考的极限》励志演讲175...</a>
                            <span>2017-04-10</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <!--主体内容第四部分-->
        <div class="section_nav flex_row flex_space_between">
            <h3>媒体报道</h3>
            <div><a href="#">更多</a></div>
        </div>
        <div class="seciton_partfour_content flex_row flex_space_between">
            <div class="seciton_partfour_panel flex_row flex_space_between">
                <div><img src="images/cctv.jpg" alt="cctv"/></div>
                <ul>
                    <li><a href="#">2005年88天做《如何挑战高考的极限》励志演讲175...</a></li>
                    <li>2017-03-07</li>
                </ul>
            </div>
            <div class="seciton_partfour_panel flex_row flex_space_between">
                <div><img src="images/cctv.jpg" alt="cctv"/></div>
                <ul>
                    <li><a href="#">2005年88天做《如何挑战高考的极限》励志演讲175...</a></li>
                    <li>2017-03-07</li>
                </ul>
            </div>
            <div class="seciton_partfour_panel flex_row flex_space_between">
                <div><img src="images/cctv.jpg" alt="cctv"/></div>
                <ul>
                    <li><a href="#">2005年88天做《如何挑战高考的极限》励志演讲175...</a></li>
                    <li>2017-03-07</li>
                </ul>
            </div>
            <div class="seciton_partfour_panel flex_row flex_space_between">
                <div><img src="images/cctv.jpg" alt="cctv"/></div>
                <ul>
                    <li><a href="#">2005年88天做《如何挑战高考的极限》励志演讲175...</a></li>
                    <li>2017-03-07</li>
                </ul>
            </div>

        </div>


        <!---主体内容第五部分--->
        <div class="section_nav flex_row flex_space_between">
            <h3>合作机构</h3>
            <div><a href="#">更多</a></div>
        </div>
        <div class="seciton_partfive_content">
            <ul class="flex_row flex_space_between">
                <li><img src="images/qinghua.jpg" alt="">

                    <p>清华大学</p>
                </li>
                <li><img src="images/beida.jpg" alt="">

                    <p>北京大学</p>
                </li>
                <li><img src="images/qinghua.jpg" alt="">

                    <p>清华大学</p>
                </li>
                <li><img src="images/beida.jpg" alt="">

                    <p>北京大学</p>
                </li>
                <li><img src="images/qinghua.jpg" alt="">

                    <p>清华大学</p>
                </li>
                <li><img src="images/beida.jpg" alt="">

                    <p>北京大学</p>
                </li>
                <li><img src="images/qinghua.jpg" alt="">

                    <p>清华大学</p>
                </li>
                <li><img src="images/beida.jpg" alt="">

                    <p>北京大学</p>
                </li>
            </ul>
        </div>
    </section>


    <!--footer-->
    <div id="footer"></div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/jquery.mySlider.js"></script>
    <script src="js/index.js"></script>

</body>
</html>